<template>
    <main>
        <NavComponent />
        <SectionComponent />
    </main>
</template>

<script setup lang="ts">
import NavComponent from '@/compoents/nav.vue'
import SectionComponent from '@/compoents/section.vue'
import mineStore from '@/store/mine'

const mine = mineStore()
</script>

<style lang="scss" scoped>
main {
    user-select: none;
    width: calc(var(--block-side)* v-bind('mine.getLevel.width') + 28px);
    padding: 10px;
    margin: 40px auto;
    border: 1px solid var(--border-color);
    background: var(--bg-color);
    // border-radius: var(--border-radius);
}
</style>